*,
body {
  margin: 0;
  padding: 0;
}
ul,
li {
  list-style: none;
}
a {
  text-decoration: none;
  color: #696969;
}
.asideNav {
  position: fixed;
  left: 0px;
  top: 0;
  width: 45px;
  height: 100vh;
  background-color: #1a2d3c;
  color: #696969;
  font-size: 32px;
  border-radius: 0px 10px 10px 0px;
  transition: 0.5s;
  overflow: hidden;
}
.asideNav:hover {
  left: 0px;
}
.asideNav .nav {
  position: relative;
  top: 15px;
  left: 5px;
  width: 200px;
  height: 100vh;
  transition: 0.5s;
}
.asideNav .nav p {
  float: right;
  padding-left: 20px;
  font-size: 22px;
  letter-spacing: 2px;
  font-weight: 700;
}
.asideNav .nav #Nav {
  width: 200px;
  height: 35px;
}
.asideNav .nav #Nav::after {
  content: '—————';
}
.asideNav .nav #Nodes {
  position: absolute;
  bottom: 10% ;
  width: 200px;
  height: 35px;
}
.asideNav .nav #Nodes::before {
  color: #696969;
  content: '—————';
}
.asideNav .nav #Nodes:hover {
  color: #fff;
}
.asideNav .nav #Nodes:hover p {
  color: #fff;
}
.asideNav .nav ul {
  position: absolute;
  width: 200px;
  top: 20%;
}
.asideNav .nav ul li {
  width: 200px;
  height: 35px;
  margin-bottom: 20px;
}
.asideNav .nav ul li:hover {
  color: #fff;
}
.asideNav .nav ul li:hover p {
  color: #fff;
}
.asideNav .nav ul li:nth-of-type(3) {
  margin-bottom: 50px;
}
.asideNav .nav ul li:nth-of-type(3)::after {
  color: #696969;
  content: '—————';
}
